:global{
    .controlPancel_home{
        background-color: #fff;
        border-radius: 4px;
        padding-right: 20px;
        .nav_bar_child_list{
            float: left;
            width: 250px;
            // min-height: 1000px;
            background-color: #F5F6F9 ;
            // padding: 20px;
            margin-right: 15px;
            // position: relative;
            position: fixed;
            top: 0;
            left: 250px;
            .title{
                font-size: 15px;
                padding: 30px;
                color: #1A228C ;
            }
            .ulDot{
                background-color: #0054FE;
                margin: 10px 10px 38px 10px;
                width: 8px;
                height: 8px;
                border-radius: 8px;
            }
            .ulDot2{
                background-color: #B5BCC9;
                margin: 10px 10px 38px 10px;
                width: 8px;
                height: 8px;
                border-radius: 8px;
            }
            .ulTitle{
                font-size: 14px;
                color: #323232;
                cursor: pointer;
            }
            .ant-list-item-meta-description{
                min-height: 20px;
            }
            .jiantou{
                margin-bottom: 25px;
            }
            .role{
                width: 100%;
                text-align: center;
                position: absolute;
                bottom: 40px;
                left: 0;
                img{
                    margin-bottom: 10px;
                }
                p{
                    color: #8C8E8E ;
                    font-size: 12px;
                    margin: 0;
                }
            }
            .ant-list{
                height: 600px;
            }
            .ant-spin-nested-loading,
            .ant-spin-container,
            .ant-list-items{
                position: absolute;
                width: 100%;
                height: 100%;
            }
            .ant-list-items{
                overflow-y: auto;
            }
            /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
            ::-webkit-scrollbar {
                cursor: pointer;
                width: 6px;
                height: 100%;
                background-color: rgba(177, 175, 175, 0.01);
            }
            /*定义滚动条轨道 内阴影+圆角*/
            ::-webkit-scrollbar-track {
                // -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
                border-radius: 10px;
                background-color: rgba(177, 175, 175, 0.1);
            }
            /*定义滑块 内阴影+圆角*/
            ::-webkit-scrollbar-thumb {
                border-radius: 6px;
                -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .05);
                background-color: rgba(177, 175, 175, 0.18);
                z-index: 1;
            }
            ::-webkit-scrollbar-thumb:hover{
                background-color: rgba(177, 175, 175, 0.38);
            }
            ::-webkit-scrollbar-thumb:active{
                background-color: rgba(177, 175, 175, 0.58);
            }
            .ant-list-split .ant-list-item{
                background-color: #F5F6F9;
                padding: 20px;
            }
            .ant-list-split .ant-list-item.active{
                background-color: #fff;
            }
        }
        .has_list_conent{
            float: right;
            width: calc(100% - 250px);
            margin-top: 0;
            padding: 24px 20px 0;
            background-color: #fff;
        }
        
        .cargoModal{
            .ant-tabs-nav{
                width: 100%;
            }
            .ant-modal-body{
                padding: 42px 30px 35px;
            }
            .ant-modal-confirm-body{
                text-align: center;
                .ant-modal-confirm-title{
                    font-size: 16px;
                    color: #1D1C1A;
                }
                .ant-modal-confirm-content{
                    font-size: 13px;
                    color: #555664;
                    .ant-select{
                        width: 188px;
                        margin: 11px auto 30px;
                    }
                }
            }
            .ant-modal-confirm-btns{
                float: none;
                text-align: center;
                margin-top: 40px;
                .ant-btn{
                    width: 94px;
                    font-size: 13px;
                    color: #A1A0A0;
                    border-radius: 2px;
                    border: none;
                    background-color: #F0F0EF;
                }
                .ant-btn-primary{
                    
                    margin-left: 18px;
                    background-color: #2F41F3;
                    color: #FFF;
                }
            }
        }
        .cargoModalDelect{
            .ant-modal-content{
                background-color: rgba($color: #343131, $alpha: 0.8)
            }
            .ant-modal-confirm-body{
                text-align: center;
                .ant-modal-confirm-title{
                    color: #fff;
                }
            }
            .ant-modal-confirm-btns{
                display: none;
            }
        }
        .TopCon{
            display: flex;
            
            .title{
                background-color: #F5F6F9;
                width: 250px;
                font-size: 15px;
                font-weight: 700;
                padding: 40px;
                color: #1A228C ;
            }
            .ant-breadcrumb{
                // width: 40px;
                // height: 32px;
                margin: 20px;
            }
        }
        .ulDot{
            background-color: #0054FE;
            margin: 15px;
            width: 8px;
            height: 8px;
            border-radius: 8px;
        }
        .ulDot2{
            background-color: #B5BCC9;
            margin: 15px;
            width: 8px;
            height: 8px;
            border-radius: 8px;
        }
        .tabitem{
            display: flex;
            .tabTitle{
                display: inline-block;
                
                height: 38px;
                line-height: 38px;
            }
        }
        .ant-tabs-nav{
            width: 250px;
            height: 650px;
            overflow: auto;
            position: relative;
        }
        .ant-tabs-nav-list{
            background-color:#F5F6F9;
        }
        .ant-tabs-tab{
            width: 200px;
            height: 50px;
            display: inline-block;
            font-size: 14px;
            color: #323232;
        }
        .innerCon{
            .tipss{
                font-size: 16px;
                color: #111212;
                .blue{
                    display: inline-block;
                    margin-right: 6px;
                    width: 4px;
                    height: 13px;
                    background: #2F3CF2;
                }
            }
            .header{
                display: flex;
                justify-content: space-between;
                margin: 26px 0px;
                .PassingStatistics{
                    position: relative;
                    width: 135px;
                    height: 40px;
                    background: #F3F4FD;
                    border-radius: 21px;
                    font-size: 14px;
                    font-weight: 500;
                    color: #111212;
                    line-height: 40px;
                    padding: 0 25px 0 54px;
                }
                .PassingStatistics::after{
                    content: '';
                    position: absolute;
                    width: 18px;
                    height: 18px;
                    top: 12px;
                    left: 26px;
                    background: url(../../../assets/img/tj.png) no-repeat;
                    background-size: 100% auto;
                }
                .time{
                    display: flex;
                    .ant-picker{
                        border: none;
                        background-color: #F8F9FF;
                        margin-right: 12px;
                        height: 32px;
                        line-height: 32px;
                        .ant-picker-input > input{
                            color: #9D9D9D;
                        }
                    }
                    .tabs{
                        display: flex;
                        .cell{
                            width: 51px;
                            height: 32px;
                            line-height: 32px;
                            background-color: #F8F9FF;
                            text-align: center;
                            font-size: 13px;
                            color: #9D9D9D;
                            cursor: pointer;
                        }
                        .active.cell{
                            background-color: #2F3CF2;
                            color: #fff;
                        }
                    }
                }
            }
            
            .table{
                // width: 1135px;
                height: 200px;
                padding: 15px ;
                margin-top: 30px;
                background-color: #F8F9FF;
                .topcon{
                    height: 20px;
                    line-height: 20px;
                    margin-bottom: 10px;
                    .tit{
                        float: left;
                        font-size:15px;
                        color: #37383B;
                        width: 18px;
                        height: 20px;
                        margin-right: 11px;
                        background: url(../../../assets/img/warning1.png) center no-repeat;
                        background-size: 18px auto;
                    }
                    .lookDetail{
                        float: right;
                        color: #0054FE;
                        font-size: 12px;
                        cursor: pointer;
                    }
                }
            }
        }
        #main{
            height: 200px;
            background-color: #F8F9FF;
        }
        .ant-spin-container{
            
            color: #fff;
            
        }
        
        
    }
   
    
}